<template>
  <view class="bigbox">
    <view class="onebox" style="width: 100%;height: 80rpx;" >
      <u-tabs :list="list1" @change="clicktabs"></u-tabs>
    </view>
    <view class="twobox">
      <view class="istext" v-if="current==0">
        1
      </view>
      <view class="istext" v-if="current==1">
        2
      </view>
      <view class="istext" v-if="current==2">
        3
      </view>
    </view>
    

  </view>
</template>

<script>
  import mixins from '@/common/js/mixins';
  export default {
    mixins: [mixins],
    data() {
      return {
        current:0,
        list1: [{
          name: '动态',
          index:'1',
          
        }, {
          name: '关注',
          index:'2'
        }, {
          name: '粉丝',
          index:'3'
        }]

      }

    },
    methods: {
    clicktabs(item){
    this.current = item.index

    },
    }
  }
</script>

<style lang="scss" scoped>
  .bigbox {
 
    .onebox {
      display: flex;
      justify-content: center;
    }
    .twobox {
      padding: 20rpx;
    }
    .istext {
      
    }
  }


</style>